.app {
	padding: 0 30upx;
	border-top: 1px solid #eee;
}
.app-list {
	> view {
		padding: 30upx 0;
		> view {
			&:nth-child(2) {
				margin-top: 30upx;
				background: #ffffff;
				border: 1px solid #eaebee;
				box-shadow: 0px 10upx 15upx 0px rgba(20, 7, 0, 0.1);
				border-radius: 20upx;
				view {
					display: flex;
					align-items: center;
					height: 80upx;
					padding: 0 40upx;
					&:nth-child(2) {
						background: #f8f9fa;
					}
					text {
						&:nth-child(1) {
							font-size: 24upx;
							font-family: PingFang SC;
							font-weight: 400;
							color: #6e7383;
						}
						&:nth-child(2) {
							flex: 1;
							text-align: right;
						}
						&.on1 {
							color: #c8000b;
						}
						&.on2 {
							color: #3568f9;
						}
					}
				}
			}
		}
	}
}
.app-title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	text {
		position: relative;
		padding-left: 40upx;
		font-size: 32upx;
		font-family: PingFang SC;
		font-weight: bold;
		color: #4b4b4b;
		&::before {
			content: '';
			position: absolute;
			width: 10upx;
			height: 34upx;
			background: #ff0000;
			border-radius: 4upx;
			top: 4upx;
			left: 0;
		}
	}
}
.app-fiexd {
	position: fixed;
	top: 500upx;
	right: 50upx;
	image {
		width: 160upx;
	}
}
